@charset "utf-8";



/* 清除内外边距 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}



/* 设置默认字体 */

body, button, input, select, textarea {font:12px/16px Verdana,Arial,Tahoma;}

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */

code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */

small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */border-bottom: 1px dotted;cursor: help;}

q:before, q:after { content: ''; }



/* 重置表单元素 */

legend { color:#000;} /* for ie6 */

fieldset, img { border: none;} /* img 搭车：让链接里的 img 无边框 */

button, input, select, textarea { font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */

hr{border:none; height:1px;}/* 重置 hr */

html { overflow-y:scroll;}/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */



h1, h2, h3, h4, h5, h6, p{ width:100%; height:auto; font-size:12px; overflow:hidden;}

ul,ol,dl,dt,dd{ list-style:none; width:100%; height:auto; /*overflow:hidden;*/}

div{ height:auto; overflow:hidden;}

a{ text-decoration:none; cursor:pointer;}









body{margin:0; padding:0; font-size:12px; font-family:Arial, sans-serif; color:#000; background:url(../images/10.jpg);}

form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0; padding:0; list-style:none;}

img{border:0;}

a{color:#666; text-decoration:none;}

a:hover{color:#F00;}

.clear{clear:both;}



.webdiv{ width:980px; margin:0 auto;background:url(../images/often1112.jpg) no-repeat;}

.header{ background:url(../images/often1.jpg) no-repeat; width:100%;}

.header_top{  padding-top:15px; padding-left:830px;}

.header_bottom{ font-size:14px;  color:#5E5E5E; padding-top:10px; font-family:"微软雅黑"; position:relative; height:50px; padding-left:280px;}

.header_bottom ul.sub{ list-style-type: none;text-align:left; position:absolute;height:40px;

overflow:hidden; zoom:1;display:none; top:30px;}

.header_bottom ul.sub li{ 

	  float:left; width:78px; height:24px; line-height:24px; font-size:12px; background:#B4E2FA; border-right:1px solid #FFF; text-align:center;

}

.header_bottom ul.about{ left:320px;}

.header_bottom ul.products{ left:395px;}

.header_bottom ul.news{ left:480px;margin-top:-1px;}

.header_bottom ul.net{ left:550px;}

.header_bottom ul.job{ left:785px;}

.header_bottom ul.shili{ left:630px;}

.header_bottom ul.contact{ left:835px;}









.header_bottom li{ width:80px; float:left;}

.header_bottom li a{}

#nav{}

ul#nav li._parent{}







#nav li ul a{

 display: block; 

}



#nav li ul a:link  {

 color:#666; text-decoration:none;

}

#nav li ul a:visited  {

 color:#666;text-decoration:none;

}

#nav li ul a:hover  {

 color:#F00;



}

#nav li:hover ul {

 left: auto;

}

#nav li.sfhover ul {

 left: auto;

}

#content {

 clear: left; 

}











.header_bottom1{

	width:100%;

	height:371px;

	margin-top:10px;



	background-image: url(../images/often2.jpg);

	background-repeat: no-repeat;

	background-position: center;

}

.header_bottom2{margin:0 auto; width:910px;}

.center{ background:url(../images/often18.jpg); width:910px; margin:0 auto;}

.center_middle{ background:url(../images/often4.jpg) no-repeat; width:910px; height:89px; margin:0 auto; position:relative;}

.center_middle_left{  width:270px; position:absolute; left:40px; top:25px; height:90px; z-index:1000px;}

.center_middle_left .txt{ background:url(../images/often7.jpg) no-repeat; width:210px; height:26px; border:0px; text-indent:20px; color:#ADADAD;  line-height:30px;position:absolute; left:10px;}

.center_middle_left .textbutton{position:absolute;top:5px; left:198px;}

.center_middle_right{float:left;}







.center_bottom1{ border:1px solid #EAEAEA; width:906px; margin:0 auto; height:182px; background:#FDFDFD;}

.left{ width:225px; border-right:1px solid #EAEAEA; height:180px;margin-left:10px; float:left; height:170px; font-size:11px;}

.left img{  margin-top:5px;}

.middle1{width:225px; border-right:1px solid #EAEAEA; height:180px;margin-left:10px;float:left; margin-top:5px;}

.middle1_top{}

.middle1_top a{ margin-left:-4px;}

.middle1_middle{height:61px; width:225px;}

.middle1_middle_left{ float:left; width:95px;}

.middle1_middle_right{ float:left; width:125px;}

.middle1_bottom{}

.middle1_bottom ul{ margin-top:15px;}

.middle1_bottom li{ border-bottom:1px dashed #CCC;}

.middle2{width:200px; border-right:1px solid #EAEAEA; height:180px;margin-left:10px;float:left; margin-top:5px; position:relative; z-index:1000px;}

.middle2_top a{ margin-left:-4px;}

.middle2_bottom{ width:200px;}

.right{float:left;width:200px; height:180px;float:left; margin-top:5px; margin-left:5px;}

.right_top a{ margin-left:-4px;}

.right_bottom{ background:url(../images/often15.jpg) no-repeat; height:152px;}

.center_bottom2{ background:url(../images/often5.jpg) no-repeat;width:910px; height:76px; margin:0 auto; margin-top:10px;}

.center_bottom2_left{ float:left; margin-top:5px; margin-left:5px; width:170px;}

.center_bottom2_right{ float:left; width:730px;}

.footer{ background:url(../images/often6.jpg) no-repeat; width:100%; height:100px; margin-top:10px; text-align:center;}

.footer a{font-size:13px; color:#FFF;}

.footer p{ margin-top:50px;font-size:13px; color:#FFF;}







.t2box ul{}

.t2box{ height:55px; overflow:hidden; margin-left:280px; margin-top:10px; width:620px;}

.t2box li{ width:65px; height:55px; float:left;}

.t2box li img{ display:block; width:60px; height:50px; padding:3px;}

.scroll_wrap { float:left; overflow:hidden;}





.t2box1 ul{}

.t2box1{ height:80px; overflow:hidden; width:720px; margin-top:3px;}

.t2box1 li{ height:36px; float:left; margin:0 10px}

.t2box1 li img{ display:block;  height:36px; }

.scroll_wrap1 { float:left; overflow:hidden;}



.next1{ position:absolute;top:70px; left:0px;}

.next2{position:absolute;top:70px;}

.scroll_wrap{ width:160px; margin-left:18px; height:140px;_margin-left:8px;}

.scroll_wrap img{}